/*
--------------------------------------------------
备注: 
变量使用!defaul默认属性，则会被赋予新的值，
后续可用于自定义主题；
--------------------------------------------------
*/

/*
* 命名前缀,可当做作用域；方便识别；
*/
// 命名前缀
$css-prefix: mx- !default;

/*
* 颜色变量
*/
// 主色
$primary-color: #FF7D2E !default; // 主橙色

// 辅助色
$success-color: #00CD8F !default; // 成功绿
$info-color: #416CFF !default; // 辅助蓝
$danger-color: #FF463C !default; // 警告红
$plain-color: #CCCCCC !default; // 土灰色

// 中性色
$white-color: #FFFFFF !default; // 纯白色
$black-color: #000000 !default; // 纯黑色

// 主色和白色 混合渐变色
$primary-color--light-1: mix($primary-color, $white-color, 10%) !default; /* #fff2ea $primary-color 10%, $white-color 90%*/
$primary-color--light-2: mix($primary-color, $white-color, 20%) !default; /* #ffe5d5 $primary-color 20%, $white-color 80%*/
$primary-color--light-3: mix($primary-color, $white-color, 30%) !default; /* #ffd8c0 */
$primary-color--light-4: mix($primary-color, $white-color, 40%) !default; /* #ffcbab */
$primary-color--light-5: mix($primary-color, $white-color, 50%) !default; /* #ffbe97 */
$primary-color--light-6: mix($primary-color, $white-color, 60%) !default; /* #ffb182 */
$primary-color--light-7: mix($primary-color, $white-color, 70%) !default; /* #ffa46d */
$primary-color--light-8: mix($primary-color, $white-color, 80%) !default; /* #ff9758 */
$primary-color--light-9: mix($primary-color, $white-color, 90%) !default; /* #ff8a43 */

// 主色和黑色 混合渐变色
$primary-color--dark-1: mix($primary-color, $black-color, 10%) !default; /* #1a0d05 $primary-color 10%, $black-color 90%*/
$primary-color--dark-2: mix($primary-color, $black-color, 20%) !default; /* #331909 $primary-color 20%, $black-color 80%*/
$primary-color--dark-3: mix($primary-color, $black-color, 30%) !default; /* #4d260e */
$primary-color--dark-4: mix($primary-color, $black-color, 40%) !default; /* #663212 */
$primary-color--dark-5: mix($primary-color, $black-color, 50%) !default; /* #803f17 */
$primary-color--dark-6: mix($primary-color, $black-color, 60%) !default; /* #994b1c */
$primary-color--dark-7: mix($primary-color, $black-color, 70%) !default; /* #b35820 */
$primary-color--dark-8: mix($primary-color, $black-color, 80%) !default; /* #cc6425 */
$primary-color--dark-9: mix($primary-color, $black-color, 90%) !default; /* #e67129 */

/*
* 字体变量
*/
// 字体大小
$font-size-small: 12px !default; // 辅助字体-标注
$font-size-normal: 14px !default; // 通用字体-正文
$font-size-middle: 16px !default; // 中号字体-常用标题
$font-size-large: 18px !default; // 大号字体-大一号常用标题

// 字体图标路径
$font-icon-path: './font/' !default;

// 字体颜色
$font-primary-color: #303133 !default; // 主要文字
$font-regular-color: #606266 !default; // 常规文字
$font-secondary-color: #909399 !default; // 次要文字
$font-placeholder-color: #C0C4CC !default; // 占位文字

// 边框颜色
$border-base-color: #DCDFE6 !default; // 一级边框
$border-light-color: #E4E7ED !default; // 二级边框
$border-lighter-color: #EBEEF5 !default; // 三级边框
